<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Cross_supplier_ee</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="head">
<!--
<?php
// $host = "localhost"; //mysql服务器地址，这里使用本地数据库
// $bdtype = 'mysql'; //数据库名
// $user = "root"; //账户及密码

// $pass = "root";

// $bdName = 'cross_test_0';


// $dsn = "$bdtype:host=$host";

// $sql_charset_create = "CREATE DATABASE IF NOT EXISTS $bdName";//创建数据库
// $sql_use_charset    = "use $bdName";
// $sql_use_create = $sql_charset_create.";".$sql_use_charset;

// $sql_table_create = "CREATE TABLE IF NOT EXISTS test_form_php(
//     id          TINYINT(3) UNSIGNED AUTO_INCREMENT ,
//     language_id TINYINT(5) UNSIGNED NOT NULL PRIMARY KEY,
//     languages    CHAR(50) NOT NULL,
//     )ENGINE=InnoDB DEFAULT CHARSET=utf8";

// try {
//     $connect = new PDO($dsn,$user,$pass);   //连接数据库
//     $connect->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);  //设置异常
//     $connect->exec($sql_use_create);    //创建数据库并选择
//     $connect->exec($sql_table_create);  //创建数据表
//     $connect->exec("set names utf8");
    
//         //$sql_table_insert = "insert into  $bdName (language,languages)    //没有是加入
//         //    VALUES (0,'English'),(1,'中文'),(2,'Deutsch'),(3,'Français'),(4,'日本語')";
//         //     $connect->exec( $sql_table_insert );
        
// } catch (PDOException $e) {
// //     echo "错误信息".$e->getMessage()."</br>错误代码"
// //         .$e->getCode()."</br>错误型号".$e->getLine();
//     die("错误信息</br>".$e->getMessage()."</br>错误代码".$e->getCode()."</br>错误型号".$e->getLine());
// }
?>
-->
		<div class="head_left">
            <div class="languages">
                <ul>
                    <li class="hoverMove"><a href="#">English</a>
                        <ul  class="languages_ul" ><!-- style="position: relative; top: -24px;left: 0px;" -->
                            <li><a href="#">中文</a></li>
                            <li><a href="#">日本語</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="shu"><p>|</p></div>
            <div class="money">
                <ul>
                    <li class="hoverMove"><a href="#">USD  $</a>
                        <ul ><!-- style="position: relative; top: -24px;left: 0px;"> -->
                            <li><a href="#">CNY  ￥</a></li>
                            <li><a href="#">JPY  ¥</a></li>
                            <li><a href="#">Eur  €</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="head_right">    <!-- 跳转 -->
            <div><a href="#">Start Dropshipping</a></div> 
            <div><a href="#">FAQ</a></div>
            <div><a href="#">Be a Supplier</a></div>
            <div><a href="#">Share Polite</a></div>
            <div><a href="#">use in WeChat</a></div>
        </div>
    </div>
    <div class="mid">
        <!-- <div>logo</div> -->
        <div class="search">
            <div class="options">ALL Categories</div>
            <form method="get">
                <input type="text" name="search" placeholder="I'm shopping for..."><button type="submit" ></button>
            </form>
        </div>
        <div class="mid_right">
            <!-- <div class="images">图片</div> -->
            <div><p>Sign in</br>My</br>Account</p></div>
            <!-- <div></div> -->
            <div class="Cart">
                <div class="Cart_zero">0</div>
                <p>Cart</p>
            </div>
        </div>
    </div>
    <div class="menu_all">
        <ul>
            <li><a href="#">ALL Categories</a></li>
            <li><a href="#">New Arrivals</a></li>
            <li><a href="#">Hot Sale</a></li>
            <li><a href="#">Clearance</a></li>
            <li><a href="#">Promotion</a></li>
            <li><a href="#">Third Party Owned</a></li>
        </ul>
    </div>
    <div class="menu">
        <!-- <li style="font-size: 23px;"><strong>ALL Categories</strong></li> -->
        <div>
            <ul class="ul_">
                <li class="item"><a href="">Tablets & Accessories</a><div class="nav">
                        <dl style="font-size: 20px;"><a href=""><strong>Tablets & Accessories</strong></a></dl>
                        <dl>
                            <dt class="title"><a href="">Tablets></a></dt>
                            <dd>
                                <ul>
                                    <li><a href="">Android Tablets</a></li>
                                    <li><a href="">Windows Tablets</a></li>
                                    <li><a href="">Kids Tablet</a></li>
                                    <li><a href="">Dual Boot Tablets</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt><a href="">Tablet Accessories></a></dt>
                            <dd>
                                <ul>
                                    <li><a href="">Tablet Cases & Covers</a></li>
                                    <li><a href="">Tablet Screen Protectors</a></li>
                                    <li><a href="">Tablet Styluses</a></li>
                                    <li><a href="">Tablet Keyboards</a></li>
                                    <li><a href="">iPad Accessories</a></li>
                                    <li><a href="">Other Tablet Accessories</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt><a href="">Walkie Talkies</a></dt>
                        </dl>
                        <dl>
                            <dt><a href="">Laptops</a></dl></dt>
                        <dl>
                            <dt><a href="">Laptop Accessories></a></dt>
                            <dd>
                                <ul>
                                    <li><a href="">Laptop Bags & Cases</a></li>
                                    <li><a href="">Laptop Keyboard Covers</a></li>
                                    <li><a href="">Laptop Cooling Pads</a></li>
                                    <li><a href="">Laptop Sleeves</a></li>
                                    <li><a href="">Other Laptop Accessories</a></li>
                                    <li><a href="">Laptop Chargers & Adapters</a></li>
                                    <li><a href="">Laptop Skins</a></li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="item"><a href="">Phones & Accessories</a><div class="nav"></div></li>
                <li class="item"><a href="">Computer & Office</a><div class="nav"></div></li>
                <li class="item"><a href="">consumer Electronics</a><div class="nav"></div></li>
                <li class="item"><a href="">Toys & Hobbies</a><div class="nav"></div></li>
                <li class="item"><a href="">Home & Garden</a><div class="nav"></div></li>
                <li class="item"><a href="">Sports & Entertainment</a><div class="nav"></div></li>
                <li class="item"><a href="">Automobiles & Motorcycles</a><div class="nav"></div></li>
                <li class="item"><a href="">Watches</a><div class="nav"></div></li>
                <li class="item"><a href="">Lights & Lighting</a><div class="nav"></div></li>
                <li class="item"><a href="">Women's Clothing</a><div class="nav"></div></li>
                <li class="item"><a href="">Men's Clothing</a><div class="nav"></div></li>
                <li class="item"><a href="">Bags</a><div class="nav"></div></li>
                <li class="item"><a href="">Shoes</a><div class="nav"></div></li>
                <li class="item"><a href="">Beauty & Health</a><div class="nav"></div></li>
                <li class="item"><a href="">Monter & Kids</a><div class="nav"></div></li>
                <li class="item"><a href="">Clothing Accessoriers</a><div class="nav"></div></li>
                <li class="item"><a href="">jewelry</a><div class="nav"></div></li>
                <li class="item"><a href="">Original Design-Women's Clothing</a><div class="nav"></div></li>
            </ul>
        </div>
        <div class="huandengpian">
            <div id="slide_effect">
                <ul class="slide_effect_ul">
                    <li><a href="#"><img src="img/0.png"/></a></li>
                    <li><a href="#"><img src="img/1.png"/></a></li>
                    <li><a href="#"><img src="img/2.png"/></a></li>
                    <li><a href="#"><img src="img/3.png"/></a></li>
                    <li><a href="#"><img src="img/4.png"/></a></li>
                    <li><a href="#"><img src="img/5.png"/></a></li>
                    <li><a href="#"><img src="img/6.png"/></a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>

